<template>
  <view id="yz_bg" :class="{ 'small-bg': small, 'large-bg': largeBg }"> </view>
</template>

<script lang="ts" setup>
defineProps({
  small: {
    type: Boolean,
    default: false,
  },
  largeBg: {
    type: Boolean,
    default: false,
  },
});
</script>

<style lang="scss" scoped>
#yz_bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 1;
  padding-top: 24px;
  &.small-bg {
    background-image: url("~@/static/icon/mg-bg.png");
  }
  background-size: 100% 100%;
  // &.large-bg {
  //   background-image: url("~@/static/bg/large-color-gradient.png");
  //   background-size: 100% 100%;
  // }
}
</style>
